<template>
  <div>
    <h1>App..</h1>
    <!-- 
      父子组件间通信方案：
        1. 如果只需要父 -> 子，建议使用props
        2. 如果只需要子 -> 父, 建议使用自定义事件
        3. 如果需要 父 <-> 子, 
          如果组件是表单项组件，使用v-model（一个标签只能使用一次）
          如果组件是普通组件（非表单项组件），使用v-bind.sync（一个标签可以使用多次）
      
      v-bind:xxx
        给组件传递props数据, 叫xxx
      
      v-bind:xxx.sync
        1. 给组件传递props数据, 叫xxx
        2. 给组件绑定一个自定义事件, 叫update:xxx
          触发这个事件传递的数据，就会修改xxx的值

     -->
    <Child :num.sync="num" />
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  data() {
    return {
      num: 0,
    };
  },
  components: {
    Child,
  },
};
</script>

<style></style>
